<template>
  <view class="listCard" :style="boxSize">
    <view class="container">
      <slot></slot>
    </view>
  </view>
</template>

<script>
  export default {
    props: {
      height: {
        type: Number,
        default:150
      },
    },
    computed: {
      boxSize () {
        return `height: ${this.height}rpx;`
      }
    }
  }
</script>

<style lang="scss" scoped>
  .listCard {
     width: 690rpx;
     display: flex;
     align-items: center;
     margin: 30rpx auto;
     box-shadow: 0 0 10rpx #333;
     border-radius: 10rpx;
     .container {
       margin-left: 30rpx;
     }
   }
</style>
